import React from 'react';

import {StyleSheet, ScrollView, View, Button} from 'react-native';
import {useHistory} from 'react-router-native';
import {LearnMoreLinks, Colors} from 'react-native/Libraries/NewAppScreen';

const Learn = () => {
  const history = useHistory();

  return (
    <>
      <ScrollView
        contentInsetAdjustmentBehavior="automatic"
        style={styles.scrollView}>
        <View style={styles.body}>
          <Button title="返回" onPress={() => history.goBack()} />
          <LearnMoreLinks />
        </View>
      </ScrollView>
    </>
  );
};

const styles = StyleSheet.create({
  scrollView: {
    backgroundColor: Colors.lighter,
  },
  body: {
    backgroundColor: Colors.white,
  },
});

export default Learn;
